Before

<!doctype html>
<html lang="ar" dir="rtl">
	<meta charset="utf-8">
		<title>LG-007 — BEFORE</title>
		<body>
			<input id="email" name="email" type="text" dir="rtl" placeholder="name@example.com">
		</body>
</html>


After

<!doctype html>
<html lang="ar" dir="rtl">
	<meta charset="utf-8">
		<title>LG-007 — AFTER</title>
		<body>
			<input id="email" name="email" type="email" dir="ltr" inputmode="email" autocomplete="email" placeholder="name@example.com" class="email-input">
				<style>.email-input { text-align: end; }</style>
		</body>
</html>

Notes:
Severity: P2
Rule: SG §5 Forms (Email LTR)
Fix: type=email; dir=ltr; inputmode=email; optional visual right-align via CSS.
Verify: Caret starts left; typing/paste LTR; mobile shows email keyboard.
